<template>
  <div id="app">
    <router-view />



 
      <van-tabbar v-model="active" @change="change">
          <van-tabbar-item icon="home-o" @click="gotoUrl(`/index`)">首页</van-tabbar-item>
       
          <van-tabbar-item icon="setting-o" @click="gotoUrl(`/De`)">组合</van-tabbar-item>
      </van-tabbar>

  </div>
</template>

<script>

   // <van-popover
          // v-model="showPopover"
          // placement="top"
          // :actions="actions"
          // :close-on-click-action="false"
          // :close-on-click-outside="false"
          // >
          // <template #reference>
          // <van-tabbar-item :icon="showPopover?'eye-o':'closed-eye'" @click="getmockNumber()">随机数</van-tabbar-item>
          // </template>
          // </van-popover>
// <van-icon name="closed-eye" />
export default {
  components: {

  },

  data() {
    return {
   active:0,
   showPopover:true,
   actions: [{ text: '选项一' },],
    };
  },

  methods: {
    getmockNumber(path){
      console.log(1)
      this.showPopover=!this.showPopover
    },
    gotoUrl(path){
      this.$router.push({path});
    },
    change(active){
      // console.log(active)
      // if(active==0){
      //   this.$router.push({path:`/`});
      // }
      // if(active==1){
      //   this.$router.push({path:`/De`});
      // }
      
    }
  }
};
</script>
<style>
body {
  font-size:1rem;
  background-color: #f8f8f8;
  -webkit-font-smoothing: antialiased;
}
#app{min-heigh:100vh}
</style>
